<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/iconfont-plane.css">
		<link rel="stylesheet" href="../../css/iconfont-process.css">
				<style>
			html,
			body {
				background-color: #efeff4;
			}
			
			.mui-bar .mui-pull-left .mui-icon {
				padding-right: 5px;
				font-size: 28px;
			}
			
			.mui-bar .mui-btn {
				font-weight: normal;
				font-size: 17px;
			}
			
			.mui-bar .mui-btn-link {
				top: 1px;
			}
			
			.mui-content img{
				width: 100%;
			}
			.hm-description{
				margin: .5em 0 2em;
			}
			
			.hm-description>li {
				font-size: 14px;
				color: #8f8f94;
			}
			
		</style>
	</head>

	<body>
	    <header id="header" class="mui-bar mui-bar-transparent">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">基站全景</h1>
		</header>
		
			
		
		<div class="mui-content">
			<img id="img1" src="../../images/yuantiao.jpg"/>	
			<ul class="mui-table-view mui-grid-view mui-grid-9">
				<li id="jizhan" class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
					<span class="mui-icon iconfont-plane icon-feiji"></span>
					<div class="mui-media-body">地图</div></a></li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
						<span class="mui-icon iconfont-plane icon-feiji2"></span>
						<div class="mui-media-body">保养</div></a></li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
							<span class="mui-icon iconfont-plane icon-feiji3"></span>
							<div class="mui-media-body">维修</div></a></li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
								<span class="mui-icon iconfont-process icon-liucheng1"></span>
								<div class="mui-media-body">流程</div></a></li>
			</ul> 
		
		
		<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
		
		基站视图
			<div id="xiangqing" class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						十三里铺基站  建设于2016-9-10日 供精度20、维度90 共 18平方公里使用
					</div>
				</div>
			</div>
			
			<div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						二十六里铺基站  建设于2016-9-10日 供精度20、维度90 共 18平方公里使用
					</div>
				</div>
			</div>
		
		平面视图
					<div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						十三里铺平面  建设于2016-9-10日 供精度20、维度90 共 18平方公里使用
					</div>
				</div>
			</div>
			
			<div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						二十六里铺平面  建设于2016-9-10日 供精度20、维度90 共 18平方公里使用
					</div>
				</div>
			</div>
			
					其他视图
					<div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						十三里铺平面  建设于2016-9-10日 供精度20、维度90 共 18平方公里使用
					</div>
				</div>
			</div>
			
			<div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						二十六里铺平面  建设于2016-9-10日 供精度20、维度90 共 18平方公里使用
					</div>
				</div>
			</div>
		
		</div>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/common.js"></script>
		<script type="text/javascript">
			mui.init();
		document.getElementById('jizhan').addEventListener('tap', function() { 
        	//打开关于页面 
        	//mui.openWindow({ url: 'jzmap.html', id:'jzmap.html'});
		    if('Android'===plus.os.name&&navigator.userAgent.indexOf('StreamApp')>0){
				plus.nativeUI.toast('当前环境暂不支持地图插件');
				return;
			}
        	clicked('jzmap.html',false,true);
        });
        
        document.getElementById('xiangqing').addEventListener('tap', function() { 
        	//打开关于页面 
        	//mui.openWindow({ url: 'jzmap.html', id:'jzmap.html'});
            mui.openWindow({ url: 'edit.html', id:'edit.html'});
        });
		</script>
	</body>

</html>